<template>
	<view class="context-end">
		<view class="weixin end-t1">
			<text class="end-text">微信 ：18310595658</text>  <navigator class="pg-w-fz" @click="getweixin()">复制微信</navigator>
		</view>
		<view class="phone end-t1">
			<text class="end-text">电话 ：18310595658</text>
		</view>
		<view class="adress end-t1">
			<text class="end-text">地址 : 山东省菏泽市定陶区天中街道办事处青年路中段路东</text>
		</view>
		<view class="lianxi-ad">
			<navigator url="" class="ph-phone icon iconfont icon-dianhua" @click="getPhone()"></navigator>
			<navigator open-type="share" class="ph-weixin icon iconfont icon-weixin" ></navigator>
		</view>
		<view class="foot-img">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				weixin:'18310595658',
				phone:'18310595658',
			}
		},
		methods: {
			getweixin(){
				uni.setClipboardData({
					data: this.weixin,
					success: function () {
						console.log('success');
					}
				});
			},
			getPhone(){
				uni.makePhoneCall({
					phoneNumber: this.phone 
				});
			},
			
		}
	}
</script>

<style lang="scss">

	.context-end{
		
		position: relative;
		width: 100%;
		height: 320rpx;
		background-color: rgba(0, 0, 0,0.82);
		color: #cccccc;
		font-size: 13px;
		padding:60rpx 60rpx 0 20rpx;
		overflow: hidden;
		.end-t1{
			margin: 20rpx;
		}
		.weixin{
			display: flex;
			justify-content: space-between;
			.pg-w-fz{
				margin-right: 120rpx;
			}
		}
		.lianxi-ad{
			padding-left: 20rpx;
			
			navigator{
				display: block;
				font-size: 60rpx;
				float: left;
				margin-right: 50rpx;
				margin-top: 40rpx;
			}
			
		}
	}
	.foot-img {
			padding: 20rpx;
	    z-index: -9;
	    position: absolute;
	    left: 0;
	    top: 0;
	    height: 400rpx;
	    width: 100%;
	    background: url(https://img.picbling.cn/29ee0af6-da55-4a71-a6ea-cdd679f745cb.jpg-wechatApp800) no-repeat center;
	}
</style>
